<template>
  <div class="test-page">
    <h1>测试页面</h1>
    <p>这是一个简单的测试页面，用于验证路由功能。</p>
    <p>如果您能看到这个页面，说明路由系统正常工作。</p>
    <div class="route-links">
      <router-link to="/">返回首页</router-link>
      <router-link to="/packages">包管理</router-link>
      <router-link to="/tags">标签管理</router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'TestPage'
}
</script>

<style scoped>
.test-page {
  padding: 24px;
  text-align: center;
}

.test-page h1 {
  font-size: 28px;
  color: #262626;
  margin-bottom: 16px;
}

.test-page p {
  font-size: 16px;
  color: #595959;
  margin-bottom: 16px;
}

.route-links {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 32px;
}

.route-links a {
  color: #1890ff;
  text-decoration: none;
  font-size: 16px;
}

.route-links a:hover {
  color: #40a9ff;
}
</style>